@use "sass:math";

@import 'uview-plus/theme.scss';

@import '@/uni_modules/uni-scss/variables.scss';
$padding:20upx;
$page-background:#F5F5F5;
$size20:20upx;
$color1:#FF4A01;
$color2:#FF1543;
$color3:#FF1E57;
$color4: #FF4A01;
$fontcolor:#0065FF;
$borderColor:#f5f5f5;
$green:#00C356;
//@for $i from 1 through 100{
//	$value:$i*1px;
//	$values:$i*10;
//	$valuess:$i*1%;
//	//边框弧度
//	.radius-#{$i}{
//		border-radius: $value;
//
//	}
//	.width-#{$i}{
//		width:$valuess;
//	}
//	// 外边距
//	.mt-#{$i}{
//		margin-top: $value;
//	}
//	.mb-#{$i}{
//		margin-bottom: $value;
//	}
//	.ml-#{$i}{
//		margin-left: $value;
//	}
//	.mr-#{$i}{
//		margin-right: $value;
//	}
//	.mrgin-#{$i}{
//		margin-top: $value;
//		margin-bottom: $value;
//		margin-left: $value;
//		margin-right: $value;
//	}
//	// 内填充
//	.pt-#{$i}{
//		padding-top: $value;
//	}
//	.pb-#{$i}{
//		padding-bottom: $value;
//	}
//	.pl-#{$i}{
//		padding-left: $value;
//	}
//	.pr-#{$i}{
//		padding-right: $value;
//	}
//	.padding-#{$i}{
//		padding-top: $value;
//		padding-bottom: $value;
//		padding-left: $value;
//		padding-right: $value;
//	}
//	// 字体
//	.font-#{$i}{
//		font-size: $value;
//	}
//	// 行高
//	.line-height-#{$i}{
//		line-height:$value;
//	}
//	// 字重
//	.font-weight-#{$values}{
//		font-weight:$values;
//	}
//}
	// 边框
	.border-t{
		border-top: 1px solid $borderColor;
	}
	.border-b{
		border-bottom: 1px solid $borderColor;
	}
	.border{
		border: 1px solid $borderColor;
	}
	.border-l{
		border-left: 1px solid $borderColor;
	}
	.border-r{
		border-right: 1px solid $borderColor;
	}
// 弹性盒子
.flex{
	display: flex;
}
.justify-center{
	justify-content: center;
}
.justify-around{
	justify-content: space-around;
}
.justify-between{
	justify-content: space-between;
}
.justify-start{
	justify-content: flex-start;
}
.justify-end{
	justify-content: flex-end;
}
.align-center{
	align-items: center;
}
.align-end{
	align-items: flex-end;
}
.align-start{
	align-items: flex-start;
}
.flex-direction{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
/* 混入接收两个参数 */
@mixin borde-t($color, $width) {
  border-top: $width solid $color;
}
/* 混入接收两个参数 */
@mixin borde-b($color, $width) {
  border-bottom: $width solid $color;
}
/* 混入接收两个参数 */
@mixin borde-l($color, $width) {
  border-left: $width solid $color;
}
/* 混入接收两个参数 */
@mixin borde-r($color, $width) {
  border-right: $width solid $color;
}
// .myArticle {
//   @include bordered(blue, 1px);  // 调用混入，并传递两个参数
// }
// 文字对齐方式
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
// 文字溢出隐藏显示省略号
@for $i from 1 through 5{
	.textsl#{$i}{
		/*文本超过$i行展示...*/
		 display: -webkit-box;
		 -webkit-line-clamp: $i;
		 -webkit-box-orient: vertical;
		 overflow: hidden;
		 /*文本超过$i行展示...*/
	}
}
// 富文本@wangeditor自定义样式
.context{

	/* #ifndef MP-WEIXIN */
	// 表格样式
	table{
		border-collapse: collapse;
		// 表头
		th{
			background-color: #f5f2f0;
			border: 1upx solid #ccc;
			margin: 0 !important;
		}
		td{
			border: 1upx solid #ccc;
			margin: 0 !important;
		}
	}

	// 代码块
	pre{
		background-color: #f5f2f0;
		padding: 10px;
		border-radius: 5px;
		overflow-x: scroll;
	}
	/* #endif */

}
